define(['jquery', 'bootstrap', 'backend', 'addtabs', 'table', 'echarts', 'echarts-theme', 'template'], function ($, undefined, Backend, Datatable, Table, Echarts, undefined, Template) {

    var Controller = {
        index: function () {
            // 基于准备好的dom，初始化echarts实例
            var myChart = Echarts.init(document.getElementById('echart'), 'walden');

            // 指定图表的配置项和数据
            var option = {
                title: {
                    text: '',
                    subtext: ''
                },
                color: [
                    "#18d1b1",
                    "#3fb1e3",
                    "#626c91",
                    "#a0a7e6",
                    "#c4ebad",
                    "#96dee8"
                ],
                tooltip: {
                    trigger: 'axis'
                },
                legend: {
                    data: [__('Register user')]
                },
                toolbox: {
                    show: false,
                    feature: {
                        magicType: {show: true, type: ['stack', 'tiled']},
                        saveAsImage: {show: true}
                    }
                },
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: Config.column
                },
                yAxis: {},
                grid: [{
                    left: 'left',
                    top: 'top',
                    right: '10',
                    bottom: 30
                }],
                series: [{
                    name: __('Register user'),
                    type: 'line',
                    smooth: true,
                    areaStyle: {
                        normal: {}
                    },
                    lineStyle: {
                        normal: {
                            width: 1.5
                        }
                    },
                    data: Config.userdata
                }]
            };

            // // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);


            $(document).on("click", ".btn-refresh", function () {
                setTimeout(function () {
                    myChart.resize();
                }, 0);
            });


            console.log(Echarts.version);
            console.log(Config.order_column);
            console.log(Config.order_paydata);
            var barChart = Echarts.init(document.getElementById('smoothline-chart'),'walden');
            option2 = {
                textStyle: {
                    color: "#96dee8"
                },
                tooltip: {
                    trigger: 'axis'
                },
                color: [
                    "#18d1b1",
                    "#3fb1e3",
                    "#626c91",
                    "#a0a7e6",
                    "#c4ebad",
                    "#96dee8"
                ],
                legend: {
                    data: ['订单金额'],
                    icon : 'roundRect',//icon为圆角矩形
                    textStyle:{//图例文字的样式
                        color:'#96dee8',
                        fontSize:16
                    }
                },
                grid: {
                    left: '2%',
                    right: '2%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis: {
                    type: 'category',
                    boundaryGap:false,
                    data:Config.order_column,
                    axisLine: {
                        lineStyle: {
                            color: "#96dee8"
                        }
                    }
                },
                yAxis: {
                    type: 'value',
                    splitLine: {
                        show: false
                    },
                    axisLine: {
                        lineStyle: {
                            color: "#3fb1e3"
                        }
                    }
                },
                series: [{
                    name:'订单金额',
                    data:Config.order_paydata,
                    type: 'line',
                    smooth: true,
                    areaStyle: {
                        opacity: 0.8
                    }
                }]
            };
            $(document).on("click", ".btn-yester", function () {
                //在table外不可以使用添加.btn-change的方法
                var type = $(this).attr('type');
                Fast.api.ajax({
                    data: {type:type},
                    url: "dashboard/index",
                    type: "get",
                    success: function (res) {
                        Layer.closeAll();
                        if (res.code == 1) {
                            var column = res.data.column;
                            var paydata = res.data.paydata;
                            option = {
                                textStyle: {
                                    color: "#96dee8"
                                },
                                tooltip: {
                                    trigger: 'axis'
                                },
                                color: [
                                    "#18d1b1",
                                    "#3fb1e3",
                                    "#626c91",
                                    "#a0a7e6",
                                    "#c4ebad",
                                    "#96dee8"
                                ],
                                legend: {
                                    data: ['订单金额'],
                                    icon : 'roundRect',//icon为圆角矩形
                                    textStyle:{//图例文字的样式
                                        // color:'#fff',
                                        fontSize:16
                                    }
                                },
                                grid: {
                                    left: '2%',
                                    right: '2%',
                                    bottom: '3%',
                                    containLabel: true
                                },
                                xAxis: {
                                    type: 'category',
                                    boundaryGap:false,
                                    data:column,
                                    axisLine: {
                                        lineStyle: {
                                            color: "#96dee8"
                                        }
                                    }
                                },
                                yAxis: {
                                    type: 'value',
                                    splitLine: {
                                        show: false
                                    },
                                    axisLine: {
                                        lineStyle: {
                                            color: "#3fb1e3"
                                        }
                                    }
                                },
                                series: [{
                                    name:'订单金额',
                                    data:paydata,
                                    type: 'line',
                                    smooth: true,
                                    areaStyle: {
                                        opacity: 0.4
                                    }
                                }]
                            };

                            // 使用刚指定的配置项和数据显示图表。
                            barChart.setOption(option);
                        }//end if
                    }
                });
            });

            barChart.setOption(option2);

            $(window).resize(function () {
                // myChart.resize();
                barChart.resize();
            });

        }
    };

    return Controller;
});
